<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆页面</title>
<script type="text/javascript" src="${cxt }/js/jquery-3.2.1.js"></script>
<link href="${cxt}/css/yk_login.css" rel="stylesheet" type="text/css" />
<link href="${cxt}/css/yk_base.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="${cxt }/css/yk_reg.css" />
<script type="text/javascript" src="${cxt }/js/yk_login.js" ></script>
<script type="text/javascript">
//获取用户账号
var zhang="";
//获取用户密码
var mi="";
	$(document).ready(function(){
		$("#zccard").focus();
		$("#zccard").blur(function(){
			if($("#zccard").val()==null||$("#zccard").val().length==0){
				$("#error").text("账号不能为空");
			}
		});
		
		$("#zcpwd").blur(function(){
			if($("#zcpwd").val()==null||$("#zcpwd").val().length==0){
				$("#error").text("密码不能为空");
			}
		});	
	});
	
	function getPwd(){
		zhang=$("#zccard").val();
		if(zhang==null||zhang.length==0){
			$("#error").text("账号不能为空");
			return;
		}else if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(zhang))){
			$("#error").text("请输入手机号");
			return;
		}
		mi = $("#zcpwd").val();
		if(mi==null||mi.length==0){
			$("#error").text("密码不能为空");
			return;
		}
		$("#normallogin1").submit();
	}
	
	
</script>
</head>
<body>
	<div style="width: 100%;background-color: black;">
			<div class="head">
				<a href="javascript:void(0)" class="head_bd" alt="神州租车"></a>
				<div class="head_zi">
				<span>欢迎登录</span>
				</div>
				<a class="tel_p" id="tel"></a>
				<a class="tel_pp" id="telpp"></a>
			</div>
		</div>
		<div style="width: 100%;background: url(img/yk_login_bg.jpg) no-repeat;background-position-x:center ;">
			<div class="bd">
				<div class="login" id="tab">
					<ul class="tabs">
						<li id="normallogin" class="pointer" style="background: #F2F3F5;">登录</li>
						<li id="mobilelogin" class="pointer">手机动态码登录</li>
					</ul>
					<form style="margin-top: 70px;display: block;" id="normallogin1" method="post" action="login">
						<ul class="tabcontents">
						<li>
							<span class="zc_user"></span>
							<input type="text" placeholder="请输入手机号/证件号" class="shur" name="tel" id="zccard" value="${uphone }" />
						</li>
							
						<li>
							<span class="zc_ipsw"></span>
							<input type="password" placeholder="请输入密码" class="shur" name="pwd" value="${upwd }" id="zcpwd" >
						</li>
						<span id="error" style="display: block;margin-left:120px;margin-top: 3px;color:red;">${error}</span>
						<li>
							<input type="checkbox" checked="checked" />30天内自动登录<a href="javascript:void(0)" class="ys">忘记密码？</a>
						</li>
						<li>
							<input type="button" value="登录" class="jiben jibena pointer" onclick="getPwd();"/>
						</li>
						<li>
							<div class="jiben jibenb pointer">
								<span>还不是会员？<a href="reg">立即注册</a></span>
							</div>
						</li>
						</ul>
					</form>
					<form style="margin-top: 70px;display: none;" id="mobilelogin1" method="post" action="login">
						<ul class="tabcontents">
						<li>
							<span class="zc_user"></span>
							<input type="text" placeholder="请输入注册手机号" class="shur" /></li>
						<li>
							<span class="zc_ipsw"></span>
							<input type="password" placeholder="请输入动态验证码" class="shur" style="width: 190px;"/>
							<input type="button" value="获取手机动态码" class="shurtel pointer"/>
						</li>
						<li>
							<input type="checkbox" checked="checked" />30天内自动登录<a href="javascript:void(0)" class="ys">忘记密码？</a>
						</li>
						<li>
							<input type="button" value="登录" class="jiben jibena pointer" />
						</li>
						<li>
							<div class="jiben jibenb pointer">
								<span>还不是会员？<a href="javascript:void(0)">立即注册</a></span>
							</div>
						</li>
						</ul>
					</form>
				</div>
			</div>
		</div>
		<div style="width: 100%;background: white;opacity: 0.9;">
			<div class="zc_brand">
				<ul>
					<li>
						<img src="img/yk_chexing.png" />
						<p>100+车型</p>
					</li>
					<li>
						<img src="img/yk_wangdian.png" style="padding-left: 20px;"/>
						<p>1000+网点</p>
					</li>
					<li>
						<img src="img/yk_chexian.png" style="padding-left: 20px;"/>
						<p>100%车险</p>
					</li>
					<li>
						<img src="img/yk_licheng.png" />
						<p>无限里程</p>
					</li>
				</ul>
			</div>
		</div>
		<div class="footmenu">
					<dl class="wyd">
						<dt>租车预定说明</dt>
						<dd>
							<a href="javascript:void(0)" target="_blank" >服务时间</a>
							<a href="javascript:void(0)" target="_blank">待租车况</a>
							<a href="javascript:void(0)" target="_blank">服务预定</a>
							<a href="javascript:void(0)" target="_blank">短租产品</a>
							<a href="javascript:void(0)" target="_blank">租车资格</a>
							<a href="javascript:void(0)" target="_blank">取还车说明</a>	
						</dd>
					</dl>
					<dl class="why">
						<dt>会员管理</dt>
						<dd>
							<a href="javascript:void(0)" target="_blank" >会员章程</a>
							<a href="javascript:void(0)" target="_blank" >会员细则</a>
							<a href="javascript:void(0)" target="_blank" >定级积分</a>
						</dd>
					</dl>
					<dl class="wsj">
						<dt>紧急事务处理</dt>
						<dd>
							<a href="javascript:void(0)" target="_blank" >保险责任</a>
							<a href="javascript:void(0)" target="_blank" >理赔说明</a>
							<a href="javascript:void(0)" target="_blank" >事故处理</a>
							<a href="javascript:void(0)" target="_blank" >救援及备用车</a>
						</dd>
					</dl>
					<dl class="wfy">
						<dt>租车费用及结算</dt>
						<dd>
							<a href="javascript:void(0)" target="_blank" >价格说明</a>
							<a href="javascript:void(0)" target="_blank" >结算流程</a>
							<a href="javascript:void(0)" target="_blank" >储值卡</a>
							<a href="javascript:void(0)" target="_blank" >积分</a>
						</dd>
					</dl>
					<dl class="wbz">
						<dt>帮助中心</dt>
						<dd>
							<a href="javascript:void(0)" target="_blank" >常见问题</a>
							<a href="javascript:void(0)" target="_blank" >新手上路</a>
							<a href="javascript:void(0)" target="_blank" >服务规则</a>
						</dd>
					</dl>
			</div>
			<div class="zc_main">
				<div class="zit">
					<a href="javascript:void(0)" style="margin-left: 0px;">关于我们</a>
					<a href="javascript:void(0)">投资者关系</a>
					<a href="javascript:void(0)">新闻中心</a>
					<a href="javascript:void(0)">加盟合作</a>
					<a href="javascript:void(0)">隐式保护</a>
					<a href="javascript:void(0)">网站导航</a>
					<a href="javascript:void(0)">联系我们</a>
					<a href="javascript:void(0)">招贤纳士</a>
					<a href="javascript:void(0)" style="margin-left: 407px;margin-right: 0px;">English>></a>
				</div>
				<div class="copyright">
					<span>Copyright@2008-2018 www.zuche.com All Rights Reserved. 北京神州汽车租赁有限公司 京ICP备10005002号 京公网安备号 11010502026705</span>
					<span style="margin-left: 34px;">如果您对神州租车网站有任何意见，欢迎发送邮件到 <a href="javascript:void(0)">web@zuche.com</a> </span>
				</div>
				<div class="tupian">
					<img src="img/yk_kexin.png" />
					<img src="img/yk_chengxin.png" />
				</div>
			</div>
				
			</div>
		</div>
</body>
</html>